import React from 'react'
import {View, Text, TouchableOpacity} from 'react-native'
import Screen from './screen'

const Line =  ({title, onPress}) => {
    return (
        <TouchableOpacity onPress={()=> onPress && onPress() }
            underlayColor="rgb(210, 230,255)"
            activeOpacity={0.5}
            style={styles.view}
            >
            <View>
                <Text style={styles.textBtn}>{title}</Text>
            </View>
        </TouchableOpacity>

    )
}

const styles = {
    view:{
        height:50,
        width: Screen.width-40,
        backgroundColor:'#105eae',
        borderRadius:4,
        justifyContent: 'center',
        alignItems: 'center',
    },
    textBtn: {
        fontSize: 20,
        color:"white",  
    },
}

export default Line